デザインとコーディングを効率化するお道具箱お道具箱for Web

Webデザインやコーディングなどの作業で使える便利なツールやチートシートなどをカテゴリーに分けて集めました。 お道具箱を開けばWeb制作に必要なものが全部揃っている、そんなコンセプトで作ったブックマーク集です。

news releaseお知らせ

デザインツールにQRコード生成を追加しました!

デザインページのツール内の子タブにQR生成サイトを追加しました。デザインツールページへ

デザインツールにチェッカーを追加しました!

デザインページのツール内の子タブにチェッカーを追加しました。デザインツールページへ

バグ修正

一部のページにてソースコードが正常にコピーできないバグを修正しました。

フリーフォントのリンクを追加しました!

デザイン > フォント のページに無料フォントのページを追加しました。個人的に愛用しているフリーフォントを載せています。フォントのページへ

サイトのスピード改善を行いました!

いつも使っていただいているみなさん、ありがとうございます!この度、お道具箱はデザインそのままにNext.jsの構成で生まれ変わり、サクサクと閲覧することが可能になりました!キャッシュが残ったままページを移動すると一部で404になることがありますので、キャッシュを消して使用していただくことをお勧めします。これからもお道具箱をよろしくお願いします!

イラスト素材と動画素材のリンクが増えました!

デザインページの素材にイラスト素材と動画素材へのリンクを追加しました!デザイン素材ページへ

デザインツールにモックアップを追加しました!

PCやスマホのモックアップが簡単につくれるツールをコンテンツに追加しました!デザイン > ツール > モックアップ から確認できます。デザインツールページへ

インフラのページに管理ページを追加しました!

納品後に管理を行うような各管理画面へのリンクを貼りました!ID、PWなどは取得していませんのでご安心くださいw また、一部コンテンツの追加とUIの変更も行っていますのでいろいろ見てみてください!

コンテンツの更新をしました!

フリー素材の子カテゴリーを『写真』『イラスト』『アイコン』に分けてより明確化しました。また、リンク先を増やして素材ダウンロードにも幅が広がりました!デザイン素材ページへ

フリー素材の商用・ライセンスアイコンを追加しました!

フリー素材ダウンロードリンクに『商用可』『クレ不』『クレ要』アイコンを追加しました。ここのほとんどは商用可能・ライセンス表記不要のダウンロードサイトをリンクさせていますが、一部必要なものもあるのでそこは利用規約をよく読んで使用しましょう。 一部スタイルをいじったのでスタイルが崩れて見える方はスーパーリロード(command+shift+R)してください。

お道具箱を正式にリリースしました!

細かい不備等はまだまだあるものの、最低限の実装を完了させたので区切りをつけて正式にリリースすることにいたしました!自分だけではなくいろんな方にとっても使いやすいサイトになったら嬉しいです。制作についてのコンセプトや想いはこちらで語っています!お道具箱について